<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width= , initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <form action="">
        <!-- 
            autofocus   自动获取焦点，一个页面只有一个（就是自动给输入框弄个一闪一闪的竖线  “|”  ）
            required    此项不能为空，空的没法提交
            multiple    支持多个地址，用逗号隔开（就是能多填写几个邮箱）
            pattern     [0-9][A-Z]{3}正则表达式：第一个数字，后面三个大写字母
         -->
        <div>
            用户名：<input type="text" autofocus required pattern="[0-9][A-Z]{3}">
        </div>
        <div>
            邮箱：<input type="email" name="email" required multiple>
        </div>
        <input type="submit">
    </form>
</body>
</html>